<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<%@page import="mwa.cs.model.Reader"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<%@include file="headScriptAD.jsp"%>

<%
	java.util.Date date = new java.util.Date();
%>

<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/admin/cs84000script.js?tick=<% out.println(date.toString()); %>"></script>

<script type="text/javascript">
$(document).ready(function() {
	  $("html,body").animate({scrollTop: 0}, 100);  
});
</script>
</head>
<body> 
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU--> 
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> Reset รหัสผ่าน	 </div>
			<!--End navigator-bar-->
			
			<div id="page-header" class="clearfix">
				<div>Reset รหัสผ่าน</div>
			</div>
			
			<!-- ### Error / Success Message ### -->
			<div id="success_message" class="alert alert-success hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span><span id="content_sucess"></span></div>
			<div id="error_message" class="alert alert-danger hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i></span><span id="content_error"></span></div>
			
			<div class="form-detail clearfix" style="padding-top:20px;">
				<form class="form-horizontal" role="form">
					<input type="hidden" id="url_address" name="url_address" value="">
					<input type="hidden" id="agent_browser" name="agent_browser" value="">
					<div id="form-1" class="form-step">
						<fieldset>
							<legend>Reset รหัสผ่าน</legend>
							<div class="form-group">
								<label for="" class="col-sm-4 control-label">Username</label>
								<div class="col-sm-5">
									<input type="text" class="form-control" id="inutUsername" name="" placeholder="Username">
								</div>									
							</div>
						<hr/>		
						<div class="form-group">
							<div class="text-center">
								<input type="hidden" name="button_user" id="button_user" value="no">
								<button id="btnSave" type="button" class="btn btn-primary" ><i class="fa fa-floppy-o"></i> บันทึก</button>
								<button type="button" class="btn btn-primary" onclick="window.location.reload()"><i class="glyphicon glyphicon-refresh"></i> เริ่มใหม่</button>
							</div>
						</div>
						</fieldset>
						</div>
					</form>
				</div>		
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
		
		<div class="modal fade" id="successForgetModal" tabindex="-1" role="dialog" aria-labelledby="successForgetModal" aria-hidden="true">
			<div class="modal-dialog modal-sm" style="width: 550px">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">
							 ตรวจสอบอีเมลของคุณ
						</h4>
					</div>
					<div class="modal-body"><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
					ตรวจสอบอีเมลของคุณ ระบบได้ทำการส่งลิงก์เพื่อกำหนดรหัสผ่านใหม่ไปที่อีเมลของคุณแล้ว</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="successRecoverModal" tabindex="-1"
			role="dialog" aria-labelledby="successRecoverModal"
			aria-hidden="true">
			<div class="modal-dialog modal-sm"  style="width: 400px">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">
							เปลี่ยนรหัสผ่านสำเร็จ
						</h4>
					</div>
					<div class="modal-body">
					<span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>
					ระบบได้ทำการเปลี่ยนรหัสผ่านใหม่ให้คุณเรียบร้อยแล้ว</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="ExpiredModal" tabindex="-1"
			role="dialog" aria-labelledby="successRecoverModal"
			aria-hidden="true">
			<div class="modal-dialog modal-sm" style="width: 400px">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">
							ลิ้งก์ของคุณหมดอายุ
						</h4>
					</div>
					<div class="modal-body">
					<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>ลิ้งก์ของคุณหมดอายุ กรุณาทำการระบุชื่อผู้ใช้ใหม่</div>
					<div class="modal-footer" style="text-align: center;">
						<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
					</div>
				</div>
			</div>
		</div>
		
		<div class="modal fade" id="confirmSaveModal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
		    <div class="modal-dialog" style="width: 400px">
		        <div class="modal-content">
		            <div class="modal-header">
		            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		            <h4 class="modal-title">ยืนยันการ Reset รหัสผ่าน</h4>
		            </div>
		            <div class="modal-body">
		            	<span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>
		            	<span id="modal_content_confirmSaveModal"></span>
		            </div>
		            <div class="modal-footer">
		                <button onclick="SaveCommand()" type="button"  class="btn btn-primary"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
		                <button onclick="cancel()"  type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
		        	</div>
		    	</div>
		  	</div>
		</div>
		
	</div>
	<!-- End Detail-area--> 
	
</div>
<!-- End Wrapper --> 
</body>
</html>